import Vue from 'vue'
import App from './App.vue'
import router from './router/auth.js'
import store from './store'
// 引入vant组件库
// Lazyload 就是 普通导出 Lazyload
import Vant, { Lazyload } from 'vant'
// 导入事件总线
import EventBus from './utils/eventBus'
// 把事件总线挂在原型对象上
import 'vant/lib/index.css'
// 它会根据的手机尺寸来调整rem的基准值：html标签上的font-size。
import 'amfe-flexible'
// ...其它代码
// 全局样式
import '@/styles/index.less'
import { relativeTime } from '@/utils/date-time.js'
// 注册全局过滤器，对时间进行处理
Vue.filter('relativeTime', relativeTime)
Vue.use(Vant)
// 使用懒加载
Vue.use(Lazyload)
// 全局使用vant内部组件lazyload
Vue.config.productionTip = false
// Vue.filter('过滤器名'，function(过滤前的值){return 过滤之后的值})
// 则在组件内部，可以直接通过this.$eventBus来访问这个事件总线对象
Vue.prototype.$eventBus = EventBus
new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
